<%-- 
    Document   : index
    Created on : 24/11/2011, 00:07:36
    Author     : lucasaraujo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>App Facebook</title>
        <script src="js/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <p id="status"></p>
        <span id="btnLogin"></span>
        <div id="fb-root"></div>
        <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
        <script type="text/javascript">
            $(function () {
                FB.init({
                    appId: '125585647542635',
                    status: true,
                    cookie: true,
                    xfbml: true
                });
                FB.Canvas.setAutoResize(); //set size according to iframe content size

                FB.getLoginStatus(function (response) {
                    if (!response.session) {
                        $('#status').text("Não conectado! É preciso fazer login no facebook. Será aberto uma nova janela solicitando o seu login.");
                        bindLogin();
                    }
                    else {
                        window.location = "provador.html";
                    }
                });

                bindLogin();
            });

            function verificaStatus(response) {
                if (response.session) {
                    window.location = "provador.html";
                } else {
                    callBackLogin();
                }
            }

            function callBackLogin() {
                var botao = $("#btnLogin");
                var status = $('#status');

                status.text("Usuário não está conectado. É preciso fazer login.");
                botao.html("<a id=\"login\" href=\"javascript://;\">Logar no Facebook</a>");

                $('#login').bind("click", bindLogin);
            }

            function bindLogin(){
                FB.login(verificaStatus);
            }
        </script>
    </body>
</html>
